.display-flex {
	display: flex;
}
/*flex-direction：设置主轴，默认一开始就是row，所以row的可以不用设置*/
/*.flex-direction-row {
	flex-direction: row;
}*/
.flex-direction-row-reverse {
	flex-direction: row-reverse;
}
.flex-direction-column {
	flex-direction: column;
}
.flex-direction-column-reverse {
	flex-direction: column-reverse;
}

/*justify-content：每行row 或 每列column 的主轴上的对齐方式*/
.flex-justify-start {
	justify-content: flex-start;
}
.flex-justify-center {
	justify-content: center;
}
.flex-justify-space-around {
	justify-content: space-around;
}
.flex-justify-space-between {
	justify-content: space-between;
}


/*align-items：默认值：stretch，单行侧轴对齐方式*/
.flex-align-items-start {
	align-items: flex-start;
}
.flex-align-items-center {
	align-items: center;
}
.flex-align-items-end {
	align-items: flex-end;
}
.flex-align-items-stretch {
	align-items: stretch;
}
/*align-content：默认值：stretch，多行侧轴对齐方式*/
.flex-align-content-start {
	align-content: flex-start;
}
.flex-align-content-center {
	align-content: center;
}
.flex-align-content-end {
	align-content: flex-end;
}
.flex-align-content-space-around {
	align-content: space-around;
}
.flex-align-content-space-between {
	align-content: space-between;
}
.flex-align-content-stretch {
	align-content: stretch;
}

/*flex-wrap：是否可以换行，默认不可以换行，所以flex-wrap：nowrap；就不用设置了*/
.flex-wrap {
	flex-wrap: wrap;
}
.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}
/*align-self：默认值：auto，可以不写这个默认的，单个元素自己对齐方式*/
.flex-align-self-start {
	align-self: flex-start;
}
.flex-align-self-center {
	align-self: center;
}
.flex-align-self-end {
	align-self: flex-end;
}
.flex-align-self-baseline {
	align-self: baseline;
}
.flex-align-self-stretch {
	align-self: stretch;
}
.hide-scrollbar {
	/*IE浏览器处理滚动条隐藏*/
	-ms-overflow-style: none;
	/*火狐浏览器兼容性处理滚动条隐藏*/
	scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
	/*谷歌浏览器Chrome隐藏滚动条*/
	display: none;
}
/*flex-flow:中可以换行
.flex-flow-wrap-row {
	flex-flow: wrap;
}
.flex-flow-wrap-column {
	flex-flow: wrap column;
}
.flex-flow-wrap-column-reverse {
	flex-flow: wrap column-reverse;
}
.flex-flow-wrap-row-reverse {
	flex-flow: wrap row-reverse;
}
flex-flow:中不可以换行
.flex-flow-nowrap-column {
	flex-flow: nowrap column;
}
.flex-flow-nowrap-column-reverse {
	flex-flow: nowrap column-reverse;
}
.flex-flow-nowrap-row-reverse {
	flex-flow: nowrap row-reverse;
}*/